<template>
    <v-responsive class="mx-auto" max-width="344">
        <v-text-field label="text" type="input" v-model="data.text" hint="hello world"
            @update:model-value="modelValue()">
        </v-text-field>
        {{ data.text }}
    </v-responsive>
</template>
<script setup lang="ts">
import { onBeforeMount, reactive } from 'vue'
import { create } from 'domain';

let data = reactive<{
    text: string
}>({
    text: ''
})

function modelValue() {
    console.info("update modelValue:", data.text)
    window.localStorage.setItem('inputValue', data.text)
}

</script>